<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      let obj = { name: '张三', age: 20 }
      let array = ['张三', '李四', '王五']
      //for of只能遍历可迭代的对象 例如：数组,字符串,Map,Set,Generator对象
      for (const iterator of array) {
        console.log(iterator)
      }
      // for of一般用来遍历数组，对象也是可以的，但是值得注意的是，他会遍历到对象原型上的可枚举属性。

      for (const key in obj) {
        if (Object.hasOwnProperty.call(obj, key)) {
          console.log(key, obj[key])
        }
      }
    </script>
  </body>
</html>
